import {
    MenuFoldOutlined,
    MenuUnfoldOutlined,
    FundOutlined,
    HomeOutlined,
    RadarChartOutlined,
    TagsOutlined
} from '@ant-design/icons';
import { Layout, Menu } from 'antd';
import React, { useState } from 'react';
import { Outlet } from 'react-router-dom';
import ContentTabs from '../components/ContentTabs';
import MyMenu from '../components/MyMenu';
import menus from '../config/menuConfig';
const { Header, Sider, Content } = Layout;

function Home() {
    const [collapsed, setCollapsed] = useState(false);
    return (
        <Layout style={{ height: '100vh' }}>
            <Sider trigger={null} collapsible collapsed={collapsed}
                style={{
                    backgroundColor: '#393e46',
                }}
            >
                <MyMenu></MyMenu>
            </Sider>
            <Layout className="site-layout">
                <Header
                    className="site-layout-background"
                    style={{
                        padding: 0,
                        backgroundColor: '#ccc',

                    }}
                >
                    {React.createElement(collapsed ? MenuUnfoldOutlined : MenuFoldOutlined, {
                        className: 'trigger',
                        onClick: () => setCollapsed(!collapsed),
                    })}
                </Header>
                <div>

                {/* <ContentTabs></ContentTabs> */}
                </div>
                <Content
                    className="site-layout-background"
                    style={{
                        margin: '24px 16px',
                        padding: 24,
                        minHeight: 280,
                        backgroundColor:'white',
                        overflow:"auto",
                        overflowX:'hidden'
                    }}
                >
                <ContentTabs></ContentTabs>
                    {/* 111111 */}
                    {/* <Outlet></Outlet> */}
                </Content>
            </Layout>
        </Layout >
    )
}

export default Home